<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from www.stokto.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 04 Dec 2014 16:19:39 GMT -->
<head>

<title>郭晨阳项目展示页面</title>
<meta charset="utf-8" />
<meta name="description" content="My universe" />
<meta name="keywords" content="stokto, illustration, comic, wit, fun, space, rocket, pwn, shark, astronaut" />
	
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="prettyphoto/css/prettyphoto.css" rel="stylesheet" type="text/css" media="screen" />

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.queryloader2.js" type="text/javascript"></script>
<script src="js/queryloader2script.js" type="text/javascript"></script>

<script src="prettyphoto/js/jquery.prettyphoto.js" type="text/javascript" charset="utf-8"></script>
<script src="js/stokto.js" type="text/javascript"></script>

<script src="js/googlewebfonts.js"></script>
<script src="js/parallax.js"></script>
<script src="js/mootools.js"></script>
	<script src="js/scrolling.js"></script>
	<script src="js/slides.js"></script>

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30278850-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?f3e1c6bf02473d01a2504414afdf0b0f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>

<body>
<!-- start cookies BS, also, refactor inline CSS ;) -->
<div id="openglobal_privacy_widget" style="font-family: Varela, sans-serif; width: 100%; text-align: left; display: inline; font-size: 13px; line-height: 100%; position: fixed; margin: 0; padding: 3px; background: #dddddd; z-index: 100000; opacity:0.9; filter: alpha(opacity=90);">
  We use cookies. To view our page, you'll have to agree to that.
  <button id="openglobal_privacy_accept" style="vertical-align: middle;" onclick="openglobal_privacy_accept();return false;">Ok</button>
  <button id="openglobal_privacy_wait" style="vertical-align: middle; display: none" onclick="clearTimeout(openglobal_privacy_timer);return false;">Wait</button>
  <button id="openglobal_privacy_leave" style="vertical-align: middle;" onclick="window.location='http://www.change.org/petitions/stop-the-eu-s-legal-war-on-web-cookies';">Leave</button>
  <br/>
</div>
<!-- end cookies BS -->
  
<!-- start header -->
<header><h1>My Universe</h1>
    <div id="header">
        <div id="nav">
        <nav><h1>Guardian of Forever</h1>
            <a href="#" id="top"><img src="graphics/logo-stokto.png" width="198" height="78" alt="logo-stokto" /></a>
            <div id="nav-buttons">
                <a href="#" id="nav-comic"></a>
                <a href="#" id="nav-work"></a>
                <a href="#" id="nav-blog"></a>
                <a href="#" id="nav-ego"></a>
            </div>
        </nav>
        </div>
    </div>
</header>
<!-- end header -->

<!-- start map (for parallax) -->
<div id="map" style="background-position: 0px 3430px; ">
<div id="ufo" style="background-position: 0px 1320px; ">

<!-- start comic -->
<section><h1>Comic</h1>
	<div id="comic">
		<div id="comic-content">

			<div id="sectional">
				<div class="section">
				
<div id="portfolio-entries">
<div style="float: left; width: 785px;">

<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">6th December 2014</span>
<h2 class="comic">Self-introduction</h2>
</div>
<a href="http://user.qzone.qq.com/385080115/main" target="_blank"><img src="images/comic/comic45.jpg" alt="comic" width="758" height="250" /></a>
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">24th October 2014</span>
<h2 class="comic">仿制糯米网首页</h2>
</div>
<a href="nuomi/index.html" target="_blank"><img src="images/comic/001.jpg" alt="comic" width="758" height="250" /></a>
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">29th December 2014</span>
<h2 class="comic">仿制天猫商城首页</h2>
</div>
<a href="tianmao/tianmao.html" target="_blank"><img src="images/comic/002.jpg" alt="comic" width="758" height="250" /></a>
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">10th October 2014</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">26th September 2014</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">25th June 2014</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">14th January 2015</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">14th January 2015</span>
<h2 class="comic">留言板</h2>
</div>
<a href="messageboard/index.php" target="_blank"><img src="images/comic/007.jpg" alt="comic" width="758" height="250" /></a>
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">25th March 2014</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">24th March 2014</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">3rd March 2014</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">13th October 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">17th July 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">27th April 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">10th April 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic30.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">29th March 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic29.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">19th March 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic28.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">12th March 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic27.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">10th March 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic36.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">5th March 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic26.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">26th February 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic25.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">19th February 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic24.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">12th February 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic23.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">29th January 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic21.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">22nd January 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic20.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">15th January 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic19.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">8th January 2013</span>
<h2 class="comic">to be continued ... ...</h2>
</div>
<img src="images/comic/comic17.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">1st January 2013</span>
<h2 class="comic">You-r-tube</h2>
</div>
<img src="images/comic/comic18.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">25th December 2012</span>
<h2 class="comic">Micro machines</h2>
</div>
<img src="images/comic/comic15.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">18th December 2012</span>
<h2 class="comic">Vortex</h2>
</div>
<img src="images/comic/comic14.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">11th December 2012</span>
<h2 class="comic">Highway</h2>
</div>
<img src="images/comic/comic13.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">4th December 2012</span>
<h2 class="comic">Kevin</h2>
</div>
<img src="images/comic/comic12.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">20th November 2012</span>
<h2 class="comic">So fresh so clean</h2>
</div>
<img src="images/comic/comic11.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">13th November 2012</span>
<h2 class="comic">Status</h2>
</div>
<img src="images/comic/comic10.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">7th November 2012</span>
<h2 class="comic">Ctrl+S</h2>
</div>
<img src="images/comic/comic9.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">27th October 2012</span>
<h2 class="comic">Overflow</h2>
</div>
<img src="images/comic/comic8.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">20th October 2012</span>
<h2 class="comic">Ctrl S</h2>
</div>
<img src="images/comic/comic7.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">13th October 2012</span>
<h2 class="comic">Shine</h2>
</div>
<img src="images/comic/comic6.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">7th October 2012</span>
<h2 class="comic">Vase breaker</h2>
</div>
<img src="images/comic/comic5.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">28th September 2012</span>
<h2 class="comic">Treasure</h2>
</div>
<img src="images/comic/comic4.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<!-- <div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">5th February 2012</span>
<h2 class="comic">Cortex</h2>
</div>
<img src="images/comic/comic22.jpg" alt="comic" width="758" height="250" />
</div> -->
		
<div style="overflow: hidden; float: left; width: 758px;" class="portfolio">
<div class="description">
<span class="date-comic">1st January 2012</span>
<h2 class="comic">You-r-tube</h2>
</div>
<img src="images/comic/github404.jpg" alt="comic" width="758" height="250" />
</div>
		</div>
</div>
<div id="portfolio-controls">
<span id="previous" onClick="javascript:urchinTracker('Project_Previous/index.html');"></span>
<span id="next" onClick="javascript:urchinTracker('Project_Next/index.html');"></span>
<ul id="buttons" style="visibility:hidden;">
	
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
<li></li>
		
</ul>
</div>
	
				</div>
			</div>

		</div>
	</div>
</section>
<!-- end comic -->

<!-- start blog  -->
<section><h1>Blog</h1>
	<div id="blog">
		<div id="blog-header"></div>
		<div id="blog-content">


<div class="date-blog">29th November 2014</div>
<h2 class="blog">前端项目</h2>
<p>
		<a href="" target="_blank">糯米网</a>在后盾学习一周开始制作的前端项目<br/> <a href="" target="_blank">请猛击这里</a>,浏览器兼容性已调试.
</p>
		
<hr />
		
<div class="date-blog">15 December 2014</div>
<h2 class="blog">未完待续</h2>
<p>
		<a href="" target="_blank">点击链接</a>未完待续~~~<br/>未完待续
</p>
		
<hr />
		
<div class="date-blog">10th January 2015</div>
<h2 class="blog">未完待续</h2>
<p>
		项目描述 <a href="https://www.cd-cc.si/default.cfm?Jezik=Sl&amp;Kat=0205&amp;Predstava=3358" target="_blank">点击链接</a>未完待续~~
</p>
		
<a href="images/blog/blog5.jpg" rel="prettyPhoto[blog5]"><img src="images/blog/blog5.jpg" alt=""></a>
			
<hr />
		
		</div>
		<div id="blog-footer"></div>
	</div>
</section>
<!-- end blog -->

<!-- start work  -->
<section><h1>Work</h1>
	<div id="work">
		<div id="work-header"></div>
		<div id="work-content">


<div class="texts">
<div class="date-work">29th November 2014</div>
<h2 class="work">仿糯米网首页</h2>
<p>
		<a href="nuomi/index.html" target="_blank">请单击这里或项目缩略图来浏览页面</a>. 历时三天,先后调整了配色,布局,兼容性和页面细节.</p>
</div>
<div class="works">

<a href="nuomi/index.html" target="_blank"><img src="images/work/001.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">25th May 2014</div>
<h2 class="work">仿天猫商城首页</h2>
<p>
	这是自己做的第二个前端项目 <a href="" target="_blank">仿天猫商城首页</a>.
</p>
</div>
<div class="works">

<a href="images/work/work17.jpg" rel="prettyPhoto[work17]"><a href="tianmao/tianmao.html" target="_blank"><img src="images/work/002.jpg" alt=""></a></a>
		
</div>
			
<div class="texts">
<div class="date-work">1st 2 2015</div>
<h2 class="work">仿苏宁易购首页</h2>
<p>
		这是自己做的第三个项目,仿苏宁易购首页,项目描述~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <a href="" target="_blank">点击这里</a>.
</p>
</div>
<div class="works">

<a href="images/work/work15.jpg" rel="prettyPhoto[work15]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">10th March 2013</div>
<h2 class="work">To be continued ...</h2>
<p>
		这片区域是此项目的项目描述,包括项目中运用到的技术知识,以及在制作项目过程中所遇到的问题,项目描述,浏览器兼容性调试等,运用了哪些js效果,有哪些不足,以及自己的感悟.~~~~~~~~~~~~~~~~~~~~~~~<br/>谢谢你的浏览
</p>
</div>
<div class="works">

<a href="images/work/work14.jpg" rel="prettyPhoto[work14]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">24th February 2013</div>
<h2 class="work">To be continued ...</h2>
<p>
		我愿意一直在制作网站的路上走下去,因为这是我喜爱的工作点击项目描述,描述该项目所运用到的动态效果,后台知识
</p>
</div>
<div class="works">

<a href="images/work/work13.jpg" rel="prettyPhoto[work13]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">19th November 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		我觉得在这个项目描述里面应该写上好多重要的信息来占行了,这个项目已经是我制作的第5个项目,有了做之前项目的经验以后,现在在仿制大型电商网站的时候已经有了很多经验,而且也能够尽量少的运用Css hack去调试网站的兼容性问题. 尽情的点击吧.
</p>
</div>
<div class="works">

<a href="images/work/work12.jpg" rel="prettyPhoto[work12]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">11th November 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		这里是很重要的分割线,在这之前都是仿制静态的前端页面<br/><br/>而在这之后制作的都是动态页面<br/><br/>所谓动态页面也就是可以进行人机交互的网站,而且有后台数据库的支持,我就不明白了,为什么还占不够行<br/><br/>这个项目展示页面是模仿国外大神的展示页面很感激这位仁兄,之所以这样,我也是为了有一个很好的效果<br/><br/>接下来就是学习用PHP做的可交互的动态页面了<br/><br/>PHP项目包含有:留言板,许愿墙,问答系统,商城...<br/>
</p>
</div>
<div class="no-works"></div>
			
<div class="texts">
<div class="date-work">19th October 2012</div>
<h2 class="work">留言板</h2>
<p>
		这个是我的第一个动态项目展示,在调整了各种错误之后终于可以开心地运行了...
</p>
</div>
<div class="works">

<a href="messageboard/index.php" target="_blank"><img src="images/work/007.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">13th October 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		我想说的是模仿大神的网站还真是苦逼呀...
</p>
</div>
<div class="works">

<a href="images/work/work9.jpg" rel="prettyPhoto[work9]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">25th September 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		我去...竟然还是需要花费九牛二虎之力去占行,最可耻的竟然是我一旦舍弃这种野路子的话,竟然在Css中找不到更好的办法去解决排版在修改之后错乱的问题.你看我就打了质疑小段文字,然后预览了一下,后面的div就飞上来了,悲剧呀...
</p>
</div>
<div class="works">

<a href="images/work/work4.jpg" rel="prettyPhoto[work4]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">4th July 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		说来也挺有缘的,小时候就听说过做网站的流程:我喜欢敲键盘的那种感觉╮(╯_╰)╭.
</p>
</div>
<div class="works">

<a href="images/work/work8.jpg" rel="prettyPhoto[work8]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">27th June 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		你知不知道<a href="" target="_blank">点臣妾吧</a> 你知不知道这样一行一行地修改牛人的代码有多么的苦逼,那么既然是牛人,美工设计的这么漂亮,为什么布局不能自适应浏览器呢?
</p>
</div>
<div class="works">

<a href="images/work/work7.jpg" rel="prettyPhoto[work7]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">25th June 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		好吧,我的唠叨到此结束
</p>
</div>
<div class="works">

<a href="images/work/work6.jpg" rel="prettyPhoto[work6]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
<div class="texts">
<div class="date-work">25th May 2012</div>
<h2 class="work">To be continued ...</h2>
<p>
		你知不知道眼看就要把项目做完,眼看就要结束时候那种发自内心深处的狂喜!!!!!<br/>
</p>
</div>
<div class="works">

<a href="images/work/work5.jpg" rel="prettyPhoto[work5]"><img src="images/work/github404.jpg" alt=""></a>
		
</div>
			
		</div>
		<div id="work-footer">
			<div id="work-xtra"></div>
		</div>
	</div>
</section>
<!-- end work -->

<!-- start ego -->
<section><h1>Ego</h1>
	<div id="ego">
		<div id="ego-header">
		</div>
		<div id="ego-content">
			<div id="ego-texts">
				<p>现在说说我的感悟吧
				</p><p>
				原本我所认为的程序员应该是那个样子,带着大大的耳机,看谁谁都不顺眼,一切都是生活中的浮云,完全自由自在地活在自己的生活里,虽然算不上酷吧,但是那种肆意自由,略带邋遢的气质确实让我向往,甚至一度还有"有个性的人就应该这样活在世界上的醉意,当我真正地介入到这个环境中来得时候,直到自己慢慢地融入进来我才认识到这个独特的职业,每天代码敲到死,昏天黑地的,有再多钱没时间消费有嘛用捏?但是,即使是这个样子.我仍旧会执意选择,不为别的,就因为我喜欢!
				</p><p>
				好吧,在这个地方说下我的座右铭吧:早起的虫儿有鸟吃.╮(╯_╰)╭
				</p>&nbsp;<p>
				这个地方是表决心好呢,还是继续吐槽呢?
				</p><p>
				喜欢创造,喜欢摆弄小物件,喜欢让身边的东西都按照自己的思路去摆放,可能是重度强迫症的预兆吧.
				</p><p>
				但是貌似我身边所认识的天才都是重度强迫症,不做到最好绝对不会罢休.所以呢,在网站的开发的坦途上奔跑吧!!!(⊙o⊙)
				</p>
			</div>
		</div>
		<div id="ego-footer">
			<div id="ego-log">
				<span class="ego-title">郭晨阳</span>

<span class="ego-date">2015-...</span>
		
			</div>
		</div>
	</div>
</section>
<!-- end ego-->

<!-- start footer -->
<footer><h1>Copyright &amp; Pasteleft</h1>
	<div id="footer">
		<div id="contact-line">
		<a href="" id="eye-contact"></a>
		</div>
		<div id="bottom-line">
			<p></p>
        </div>
	</div>
</footer>
<!-- end footer -->

</div><!-- end ufo -->
</div><!-- end map (for parallax) -->

<script type="text/javascript">
 // Cookies BS.
 //<![CDATA[
 var openglobal_privacy_timeout = 0;
 var openglobal_privacy_functions = [];

 var openglobal_privacy_widget = document.getElementById('openglobal_privacy_widget');
 var results = document.cookie.match ( '(^|;) ?openglobal_privacy_widget=([^;]*)(;|$)' );
 if (results) {
  if (1 == unescape(results[2])) {
    openglobal_privacy_accept();
  }
 } else {
  window.onload = function() {
    for (var i = 0; i < document.links.length; i++) {
      var link_href = document.links[i].getAttribute('href');
      if ('privacy' != document.links[i].getAttribute('rel') && (!/^[\w]+:/.test(link_href) || (new RegExp('^[\\w]+://[\\w\\d\\-\\.]*' + window.location.host)).test(link_href))) {
        var current_onclick = document.links[i].onclick;
document.links[i].onclick = function() {openglobal_privacy_accept();if (Object.prototype.toString.call(current_onclick) == '[object Function]') {current_onclick();}};
      }
    }
  };
 }

 var openglobal_privacy_timer;
 if (openglobal_privacy_timeout > 0) {
   openglobal_privacy_timer = setTimeout('openglobal_privacy_tick()', 1000);
 } else {
  var openglobal_privacy_wait = document.getElementById('openglobal_privacy_wait');
  if (null != openglobal_privacy_wait) {
    openglobal_privacy_wait.parentNode.removeChild(openglobal_privacy_wait);
  }
}
 function openglobal_privacy_tick() {
  if (0 >= --openglobal_privacy_timeout) {
    openglobal_privacy_accept();
    return;
  }
  var openglobal_privacy_accept_button = document.getElementById('openglobal_privacy_accept');
  if (null != openglobal_privacy_accept_button) {
    openglobal_privacy_accept_button.innerHTML = 'Yes (' + openglobal_privacy_timeout + ')';
    openglobal_privacy_timer = setTimeout('openglobal_privacy_tick()', 1000);
  }
 }

 function openglobal_privacy_accept() {
  clearTimeout(openglobal_privacy_timer);
  document.cookie = 'openglobal_privacy_widget=1; path=/; expires=Mon, 18 Jan 2038 03:14:00 GMT';
  openglobal_privacy_widget.parentNode.removeChild(openglobal_privacy_widget);
  for (var i = 0; i < openglobal_privacy_functions.length; i++) {
    openglobal_privacy_functions[i]();
  }
 }
 //]]>
 </script>
</body>

<!-- Mirrored from www.stokto.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 04 Dec 2014 16:25:41 GMT -->
</html>